<style media="screen" type="text/css">

    /**************** menu coding *****************/
    #menu {
        width: 12em;
        background: #eee;
    }

    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menu a, #menu h2 {
        font: bold 11px/16px arial, helvetica, sans-serif;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;
        margin: 0;
        padding: 2px 3px;
    }

    #menu h2 {
        color: #fff;
        background: #000;
        text-transform: uppercase;
    }

    #menu a {
        color: #000;
        background: #efefef;
        text-decoration: none;
    }

    #menu a:hover {
        color: #a00;
        background: #fff;
    }

    #menu li {
        position: relative;
    }

    #menu ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
    }

    div#menu ul ul ul,
    div#menu ul ul li:hover ul ul
    {display: none;}

    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
    {display: block;}

</style>
<div id="menu">
    <ul>
        <li><h2>CSS Drop Down Menus</h2>
            <ul>
                <li><a title="SEO Consultants Directory" href="http://www.seoconsultants.com/tips/css/#cssmenus">CSS Hover Navigation</a>
                    <ul>
                        <li><a title="tanfa Introduction" href="../css-dropdown-menus.html">Intro for CSS Enthusiasts</a></li>
                        <li><a title="Plain HTML Code" href="index.html">Demonstration HTML</a></li>
                        <li><a title="whatever:hover file" href="http://www.xs4all.nl/~peterned/csshover.html">csshover.htc file</a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

    <ul>
        <li><h2>Vertical CSS Pop-Out Menu</h2>
            <ul>
                <li><a title="SEO Consultants Vertical Example" href="http://www.seoconsultants.com/css/menus/vertical/">SEO Consultants Sample</a></li>
                <li><a title="Complete Example" href="vs7.html">tanfa Demo example</a>
                    <ul>
                        <li><a title="Vertical Menu Tutorial" href="tutorial-v.html">tanfa Tutorial</a>	
                            <ul>
                                <li><a title="Vertical Menu - Page 1" href="vs1.html">Stage 1</a></li>
                                <li><a title="Vertical Menu - Page 2" href="vs2.html">Stage 2</a></li>		
                                <li><a title="Vertical Menu - Page 3" href="vs3.html">Stage 3</a></li>
                                <li><a title="Vertical Menu - Page 4" href="vs4.html">Stage 4</a></li>
                                <li><a title="Vertical Menu - Page 5" href="vs5.html">Stage 5</a></li>			
                                <li><a title="Vertical Menu - Page 6" href="vs6.html">Stage 6</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>

    <ul>
        <li><h2>Horizontal Drop &amp; Pop Menu</h2>
            <ul>
                <li><a title="SEO Consultants Directory Example" href="http://www.seoconsultants.com/css/menus/horizontal/">SEO Consultants Sample</a></li>
                <li><a href="hs7.html">tanfa Demo example</a><!-- fully working sample -->
                    <ul>
                        <li><a title="Horizontal Menu Tutorial" href="tutorial-h.html">tanfa Tutorial</a>
                            <ul>
                                <li><a title="Horizontal Menu - Page 1" href="hs1.html">Stage 1</a></li>
                                <li><a title="Horizontal Menu - Page 2" href="hs2.html">Stage 2</a></li>			
                                <li><a title="Horizontal Menu - Page 3" href="hs3.html">Stage 3</a></li>
                                <li><a title="Horizontal Menu - Page 4" href="hs4.html">Stage 4</a></li>
                                <li><a title="Horizontal Menu - Page 5" href="hs5.html">Stage 5</a></li>			
                                <li><a title="Horizontal Menu - Page 6" href="hs6.html">Stage 6</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>							
</div>